/*CSS coded by MJ Terrell*/

#container{
	width:610px;
	height:406px;
	margin-left:auto;
	margin-right:auto;
		
}

#header{
    width:600px;
	height:60px;
    background-color:#0D58A6;
    font-family:arial;
    font-size:20px;
    color:#FFB240;
	text-align:left;
	padding-top:20px;
	padding-left:10px;
	margin-left:auto;
	margin-right:auto;
}

.nav{
	width:80px;
	height:20px;
	float:right;
	background-color:#689CD2;
	text-align:center;
	padding-top:10px;
	position:relative;
	top:8px;
	border:medium;
	border-color:#FFC773;
	font-size:14px;
		
}

div.login
  {
  width:606px;
  height:403px;
  background-image: url(beach.jpg);
  border:2px solid black;
  }
div.transbox
  {
  width:180px;
  height:200px;
  margin-left:auto;
  margin-right:auto;
  margin-top:70px;
  background-color:#ffffff;
  border:1px solid black;
  opacity:0.7;
  filter:alpha(opacity=70); /* For IE8 and earlier */
  padding-left:5px;
  }
div.transbox p
  {
  margin:5px 20px;
  font-weight:bold;
  color:#000000;
  font-family:Arial, Helvetica, sans-serif;
  
  }
  
  div.regtransbox
  {
  width:330px;
  height:360px;
  margin-left:auto;
  margin-right:auto;
  margin-top:30px;
  background-color:#ffffff;
  border:1px solid black;
  opacity:0.7;
  filter:alpha(opacity=70); /* For IE8 and earlier */
  padding-left:5px;
  }
div.regtransbox p
  {
  margin:5px 100px;
  font-weight:bold;
  color:#000000;
  font-family:Arial, Helvetica, sans-serif;
  
  }
  
  div.pickittransbox
  {
  width:200px;
  height:100px;
  margin-left:30px;
  margin-top:50px;
  background-color:#ffffff;
  border:1px solid black;
  opacity:0.7;
  filter:alpha(opacity=70); /* For IE8 and earlier */
  padding-left:5px;
  }
div.pickittransbox p
  {
  margin-left:10px;
  margin-top:10px;
  font-weight:bold;
  color:#000000;
  font-family:Arial, Helvetica, sans-serif;
  
  }
  
  div.itintransbox
  {
  width:330px;
  height:320px;
  margin-left:250px;
  margin-top:-100px;
  background-color:#ffffff;
  border:1px solid black;
  opacity:0.7;
  filter:alpha(opacity=70); /* For IE8 and earlier */
  padding-left:5px;
  }
div.itintransbox p
  {
  margin-left:80px;
  margin-top:10px;
  font-weight:bold;
  color:#000000;
  font-family:Arial, Helvetica, sans-serif;
  
  }
  
  #form input.styled{
		border:2px solid black;
		background-color:#ffffff;		
  }
  
  #btn{
		border: 1px solid #777777;
		background: #0D58A6;
		color: white;
		font: bold 11px 'Trebuchet MS';
		padding: 4px;
		cursor: pointer;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px; 
  }
  
  .note{
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#FFB240;  
  }

div.InnerLeft {
        width: 50%;
        position: relative;
        float: left;
        }

div.InnerRight {
        width: 49%;
        position: relative;
        float: right;
        }
		
a:link {color:#FFB240; text-decoration:none}    
a:visited {color:#FFB240; text-decoration:none;}
a:hover {color:#0D58A6; text-decoration:none;} 
a:active {color:#FFB240; text-decoration:none;}  
